<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ include file="common/commonTopOther.jsp"%>
<!DOCTYPE HTML>
<html>

	<head>
		<title>在线求助</title>
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="themes/default/default.css" />
		<script charset="utf-8" src="kindeditor-min.js"></script>
		<script charset="utf-8" src="lang/zh_CN.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
       <style>
			form {
				margin: 0;
			}
			textarea {
				display: block;
			}
		</style>
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
			
				$("span.menu").click(function() {
					$(".head-nav ul").slideToggle(300, function() {
						// Animation complete.
					});
				});
				</script>
		<script>
			//富文本插件所需
				var editor;
				KindEditor.ready(function(K) {
					editor = K.create('textarea[name="content"]', {
						resizeType : 1,
						allowPreviewEmoticons : false,
						allowImageUpload : false,
						items : [
							'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
							'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
							'insertunorderedlist', '|', 'emoticons', 'image', 'link']
					});
				});
		</script>
		<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
	</head>
	<body>
		<div class="container">
			<div class="header">
			<div style="margin-top:50px;">
				<s:iterator value="#session.user">
	            <img src="<s:property value="photo"/>" width="150px" height="150px"/></td>
			</div>
			<div class="sidebar1">
				<ul class="nav" style="width: 20%;height: 30%;">
					<li style="margin-left: 8%;">姓名:<s:property value="userName"/></li>
				    <br>
					<li><a href="#" style="color: #000000;">与我相关</a>
					</li>
					<li><a href="help_lookHelpContent?userName=<s:property value="userName"/>" style="color: #000000;">求助历史</a>
					</ul>
			   </s:iterator>
			</div>
			
					
			<!-- 判断用户是否为空,防止用户未登录时点击在线求助时出现样式混乱 -->
			<c:if test="${userName==null}">
			<div style="margin-top:300px;"></div>
			</c:if>
			<div style="float:right;margin-top: -200px;margin-right:100px;">
			<h3><center style="margin-top:-40px;">发布求助信息</center></h3><br>
					<s:form action="help_publicHelp" namespace="/" method="post" >
	   	  <s:textarea name="content" style="width:500px;height:200px;visibility:hidden;"/>
	   	   <input type="hidden" name="userName" value="<s:property value="#session.userName"/>"><br>
	   	    <p ><center><s:submit value="发表" /></center></p>
		   </s:form>
		   </div>
		   
		   <!-- 固定位置 -->
		   </div style="float:right;"></div>
		   <div style="margin-top: 200px;"></div>
		    
		    
			<div class="content" style="margin-top:-150px;margin-left:150px;">
				<h3>常见的求助问题</h3>
				<ul>
					<li><a href="#">如何注册义工</a>
					</li>
					<li><a href="#">XXXXXXXXXX</a>
					</li>
				</ul>
			</div>
	</body>
</html>
<%@ include file="common/commonBottom.jsp"%>